<!DOCTYPE html>
<html>
<head>
  <title></title>

  <script type="text/javascript" src="../jquery/jquery-1.10.1.min.js"></script>
  
  <script type="text/javascript" src='../../src/js/_.js'></script>
  <script type="text/javascript" src='../../src/js/modernizr.js'></script>
  <script type="text/javascript" src='../../src/js/fullscreen.js'></script>
  <script type="text/javascript" src='../../src/js/bez.js'></script>
  <script type="text/javascript" src='../../src/js/css-classes.js'></script>
  <script type="text/javascript" src='../../src/js/basevars.js'></script>
  <script type="text/javascript" src='../../src/js/utils.js'></script>
  <script type="text/javascript" src='../../src/js/animate.js'></script>
  <script type="text/javascript" src='../../src/js/touch.js'></script>
  <script type="text/javascript" src='../../src/js/moveontouch.js'></script>
  <script type="text/javascript" src='../../src/js/oooo.js'></script>
  <script type="text/javascript" src='../../src/js/fotorama.js'></script>
  <script type="text/javascript" src='../../src/templates/compiled.js'></script>

  <script type="text/javascript">
    $(function () {
      $BODY = $('body');

      moveOnTouch($('#img'), {
        $wrap: $('#div')
      })
    });
  </script>

  <style type="text/css">
    #img {
      /*-webkit-transform: translate3d(0, 0, 0);*/
      white-space: nowrap;
      position: relative;
      left: 0;
    }

    #img > img {
      vertical-align: top;
      max-width: 100%;
      max-height: 600px;
      width: auto;
      height: auto;
    }
  </style>
</head>
<body>


<div style="overflow: hidden; width: 100%; height: 600px;" id="div">
  <div id="img">
    <img src="../i/okonechnikov/1.jpg">
    <img src="../i/okonechnikov/2.jpg">
    <img src="../i/okonechnikov/3.jpg">
    <img src="../i/okonechnikov/4.jpg">
    <img src="../i/okonechnikov/5.jpg">
    <img src="../i/okonechnikov/6.jpg">
    <img src="../i/okonechnikov/7.jpg">
    <img src="../i/okonechnikov/8.jpg">
    <img src="../i/okonechnikov/9.jpg">
    <img src="../i/okonechnikov/10.jpg">
    <img src="../i/okonechnikov/11.jpg">
    <img src="../i/okonechnikov/12.jpg">
    <img src="../i/okonechnikov/13.jpg">
    <img src="../i/okonechnikov/14.jpg">
    <img src="../i/okonechnikov/15.jpg">
    <img src="../i/okonechnikov/16.jpg">
    <img src="../i/okonechnikov/17.jpg">
    <img src="../i/okonechnikov/18.jpg">
    <img src="../i/okonechnikov/19.jpg">
    <img src="../i/okonechnikov/20.jpg">
    <img src="../i/okonechnikov/21.jpg">
    <img src="../i/okonechnikov/22.jpg">
    <img src="../i/okonechnikov/23.jpg">
    <img src="../i/okonechnikov/24.jpg">
    <img src="../i/okonechnikov/25.jpg">
    <img src="../i/okonechnikov/26.jpg">
    <img src="../i/okonechnikov/27.jpg">
    <img src="../i/okonechnikov/28.jpg">
    <img src="../i/okonechnikov/29.jpg">
    <img src="../i/okonechnikov/30.jpg">
  </div>

</div>


</body>
</html>